@charset "utf-8";
@import "_reset";
@import "_base";

.wrap{
    width: 100vw;
    height: 100vh;
    background: url(../img/bg.png) no-repeat fixed;
    background-size: cover;
    position: relative;

    .list-box{
        width: vw(590);
        height: vw(840);
        position: absolute;
        box-shadow: 0 0 15px gray;
        top: 50%;
        left: 50%;
        margin-left: vw(-295);
        margin-top: vw(-420);
        background-color: rgba(255, 255, 255, 0.3);

        .titlename{
            margin-top: vw(70);
            margin-left: vw(30);
            width: vw(264);
            height: vw(60);
            // background-color: #000;
            border-bottom: 1px solid #000;
            text-align: center;
            font-size: vw(40);
        }
        >span{
            position: absolute;
            left: vw(287);
            top: vw(70);
            font-size: vw(40);
        }

        .welcometext{
            width: vw(534);
            height: vw(68);
            margin: 0 auto;
            font-size: vw(26);
            font-weight: 700;
            color: #434242;
            text-indent: 2em;
            margin-top: vw(65);
        }

        #QGimg{
            width: vw(265);
            height: vw(265);
            border: 3px solid #000;
            margin: 0 auto;
            margin-top: vw(60);

            img{
                width: 100%;
                display: block;
            }
        }

        button{
            display: block;
            width: vw(190);
            height: vw(60);
            border-radius: vw(60);
            background-color: rgba(255, 255, 255, 0.8);
            color: #0075c1;
            border: none;
            margin: 0 auto;
            margin-top: vw(20);
        }

        .hinttext{
            margin: 0 auto;
            width: vw(534);
            height: vw(68);
            font-size: vw(26);
            font-weight: 700;
            color: #434242;
            text-indent: 2em;
            margin-top: vw(65);
            
        }
    }

}